<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="/styles/index.css" />
    <link rel="stylesheet" href="/styles/auth/auth.css" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="/node_modules/intl-tel-input/build/css/intlTelInput.css"
    />
    <!-- <link
      rel="stylesheet"
      href="/node_modules/intl-tel-input/build/css/intlTelInput.min.css"
    /> -->
    <script src="https://telegram.org/js/telegram-web-app.js"></script>
    <script src="/node_modules/intl-tel-input/build/js/intlTelInput.js"></script>
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
      (function (m, e, t, r, i, k, a) {
        m[i] =
          m[i] ||
          function () {
            (m[i].a = m[i].a || []).push(arguments);
          };
        m[i].l = 1 * new Date();
        for (var j = 0; j < document.scripts.length; j++) {
          if (document.scripts[j].src === r) {
            return;
          }
        }
        (k = e.createElement(t)),
          (a = e.getElementsByTagName(t)[0]),
          (k.async = 1),
          (k.src = r),
          a.parentNode.insertBefore(k, a);
      })(
        window,
        document,
        "script",
        "https://mc.yandex.ru/metrika/tag.js",
        "ym"
      );

      ym(97272843, "init", {
        clickmap: true,
        trackLinks: true,
        accurateTrackBounce: true,
        webvisor: true,
      });
    </script>
    <noscript
      ><div>
        <img
          src="https://mc.yandex.ru/watch/97272843"
          style="position: absolute; left: -9999px"
          alt=""
        /></div
    ></noscript>
    <!-- /Yandex.Metrika counter -->
  </head>
  <body>
    <header>
      <img src="/image/logo.svg" alt="cmb" id="logo" />
    </header>
    <div class="main">
      <h1>Войдите в личный кабинет CareMyBaby</h1>
      <p id="helloMes">
        Вы сможете видеть свое расписание, пополнять баланс счета и читать
        полезные материалы
      </p>
      <form id="login">
        <!-- добавить method="post"-->
        <div class="numberInput">
          <input
            required
            type="tel"
            id="phoneNumber"
            name="phoneNumber"
            class="iti"
            minlength="1"
          />
        </div>
        <p id="message"></p>
        <div class="sub_button">
          <button type="submit" id="btn">Войти</button>
        </div>
      </form>
      <div id="checkField">
        <input
          name="text"
          id="checkInput1"
          type="tel"
          data-start="0"
          data-len="1"
          size="1"
        />
        <input
          name="text"
          id="checkInput2"
          type="tel"
          data-start="1"
          data-len="1"
          size="1"
        />
        <input
          name="text"
          id="checkInput3"
          type="tel"
          data-start="2"
          data-len="1"
          size="1"
        />
        <input
          name="text"
          id="checkInput4"
          type="tel"
          data-start="3"
          data-len="1"
          size="1"
        />
        <div class="buttonSend">
          <button type="submit" id="confirm" form="login">Подтвердить</button>
          <button id="sendCode">
            Отправить код повторно <span id="countdown">60</span>
          </button>
        </div>
      </div>
    </div>
    <div class="alertPopUp"></div>
    <div class="preloader">
      <div class="loader"></div>
    </div>
  </body>
  <script src="./script.js" type="module"></script>
</html>
